html {
    --desktop-layout-bg: linear-gradient(to right, #d3f0fa, #a1d4e6);
    --desktop-layout-toolbar-height: 60px;
    --desktop-layout-toolbar-bg: #d9e9fbc9;
    --desktop-layout-toolbar-shadow: 0 0 6px rgba(0, 0, 0, 0.08);
    --desktop-layout-toolbar-inner-shadow: 0px 0px 3px #ffffff94 inset;
    --desktop-layout-toolbar-border-color: rgba(255, 255, 255, 0.599);
    --desktop-layout-toolbar-input-bg:rgba(255, 255, 255, 0.51);
    --desktop-layout-toolbar-input-placeholder:#888;
    --desktop-layout-toolbar-radius: 0rem;
    --desktop-layout-toolbar-start-menu-bg: rgba(255, 255, 255, 1);
    --desktop-layout-toolbar-icon-bg: rgba(255, 255, 255, 0);
    --desktop-layout-toolbar-icon-hover-bg: rgb(255, 255, 255);
    --desktop-layout-toolbar-tab-bg: rgba(255, 255, 255, 0.5);
    --desktop-layout-toolbar-tab-hover-bg: rgb(255, 255, 255);
    --desktop-layout-toolbar-tab-icon-bg: #cde9fc;
    --desktop-layout-toolbar-divider-color: #fcfeffab;
    --desktop-layout-toolbar-popover-bg: #eef6fdc3;
    --desktop-layout-toolbar-popover-border-color: rgba(255, 255, 255, 0.9);
    --desktop-layout-toolbar-popover-search-box-bor-color: rgba(205, 226, 231, 0.93);
    --desktop-layout-toolbar-popover-msg-bg: #ffffffd2;
    --desktop-layout-toolbar-dropdown-item-hover-bg: rgba(179, 222, 237, 0.35);
    --desktop-layout-main-padding: 0.85rem;

    --main-content-bg: #fff;
    --main-content-shadow: 0 0 6px rgba(0, 0, 0, 0.08);
    --main-content-padding: 1rem;
    --main-content-radius: 0.3rem;
    --main-content-header-border-color: rgba(228, 228, 228, 0.6);
    --main-content-header-height: 2rem;
    --main-content-header-btn-color: #1b1b1b;
    --main-content-header-bg:#f0f5f9;

    --start-menu-search-box-bor-color: #f2f8fa9d;
    --start-menu-search-box-color:#666;
    --start-menu-bg: #f2f8fa9d;
    --start-menu-hover-bg: #f0f6f8e0;
    --start-menu-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.08);
    --start-menu-category-color: #f5fbfdfa;

    --login-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
    --login-border-bg: #86d0f325;
    --login-inset-box-shadow: 0px 0px 6px #cbfffe inset;
    --login-inner-bg: linear-gradient(180deg, #c9f9fd, #f5eeee, #fadce4);
    --login-rotate-border-bg: linear-gradient(88deg, #91e9f1, #367cff, #f9f9fdad);
    --login-text-color: #606266;
    --login-input-border-color: rgba(230, 233, 240, 0.78) --login-input-hover-border-color:#c0c4cc;
    --login-input-bg: #fff;
    --login-input-icon-color: #a8abb2;
    --login-input-placeholder: #a8abb2;
    --login-input-clear-hover-color: #909399;
    --login-copyright-color: #909399;
    --login-desc-color: #ebeef5;
    --login-title-color: #303133;


    --desktop-input-width: 230px;
    --desktop-toolbar-height: 50px;
    --desktop-data-pagination-height: 50px;
    --desktop-container-padding: 0px;
    --desktop-row-height: 32px;

    --item-hover-bg: #ecf5ff;
}

html.deep-colour {
    --desktop-layout-bg: linear-gradient(to right, #cdd3ee, #768feb);
    --desktop-layout-toolbar-height: 60px;
    --desktop-layout-toolbar-bg: #768febbd;
    --desktop-layout-toolbar-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    --desktop-layout-toolbar-inner-shadow: 0px 0px 3px #8098efc6 inset;
    --desktop-layout-toolbar-border-color: rgba(118, 143, 235, 0.977);
    --desktop-layout-toolbar-input-bg:#7b94efb0;
    --desktop-layout-toolbar-input-placeholder:#ddd;
    --desktop-layout-toolbar-radius: 0rem;
    --desktop-layout-toolbar-start-menu-bg: rgba(136, 157, 232, 0.903);
    --desktop-layout-toolbar-icon-bg: rgba(255, 255, 255, 0);
    --desktop-layout-toolbar-icon-hover-bg: #ffffff90;
    --desktop-layout-toolbar-tab-bg: #dfe1ff4f;
    --desktop-layout-toolbar-tab-hover-bg: #efefff88;
    --desktop-layout-toolbar-tab-icon-bg: #edf5fd86;
    --desktop-layout-toolbar-divider-color: #b1b6f6a2;
    --desktop-layout-toolbar-popover-bg: #8ba1f0d8;
    --desktop-layout-toolbar-popover-border-color: #a7bafff9;
    --desktop-layout-toolbar-popover-search-box-bor-color: #8cbbcfa2;
    --desktop-layout-toolbar-popover-msg-bg: #aabcfd8e;
    --desktop-layout-toolbar-dropdown-item-hover-bg: #6583ef;
}

html.dark {
    --desktop-layout-bg: linear-gradient(to right, #233544ff, rgb(26, 51, 71));
    --desktop-layout-toolbar-bg: #000305dd;
    --desktop-layout-toolbar-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    --desktop-layout-toolbar-inner-shadow: 0px 0px 3px #131616 inset;
    --desktop-layout-toolbar-border-color: #334250;
    --desktop-layout-toolbar-input-bg:rgba(0, 0, 0, 0.3);
    --desktop-layout-toolbar-input-placeholder:#888;
    --desktop-layout-toolbar-start-menu-bg: #28384698;
    --desktop-layout-toolbar-icon-bg: rgba(43, 42, 42, 0);
    --desktop-layout-toolbar-icon-hover-bg: rgba(134, 141, 143, 0.35);
    --desktop-layout-toolbar-tab-bg: rgba(66, 66, 66, 0.45);
    --desktop-layout-toolbar-tab-hover-bg: rgba(134, 141, 143, 0.35);
    --desktop-layout-toolbar-tab-icon-bg: #ffffff1e;
    --desktop-layout-toolbar-divider-color: #334250;
    --desktop-layout-toolbar-popover-bg: #010e1bf3;
    --desktop-layout-toolbar-popover-border-color: #334250;
    --desktop-layout-toolbar-popover-search-box-bor-color: #334250;
    --desktop-layout-toolbar-popover-msg-bg: #3342503d;
    --desktop-layout-toolbar-dropdown-item-hover-bg: #283846d7;

    --main-content-bg: #010a11;
    --main-content-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    --main-content-header-border-color: rgba(88, 85, 85, 0.6);
    --main-content-header-btn-color: #fff;
    --main-content-header-bg:#000000;

    --start-menu-search-box-bor-color: #334250;
    --start-menu-search-box-color:#eee;
    --start-menu-bg: #92b3cea7;
    --start-menu-hover-bg: #96b4cdea;
    --start-menu-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.08);
    --start-menu-category-color: #f5fbfdfa;

    --login-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
    --login-border-bg: #86d0f325;
    --login-inset-box-shadow: 0px 0px 6px #cbfffe inset;
    --login-inner-bg: linear-gradient(180deg, #c9f9fd, #f5eeee, #fadce4);
    --login-rotate-border-bg: linear-gradient(88deg, #91e9f1, #367cff, #f9f9fdad);
    --login-text-color: #606266;
    --login-input-border-color: rgba(230, 233, 240, 0.78) --login-input-hover-border-color:#c0c4cc;
    --login-input-bg: #fff;
    --login-input-icon-color: #a8abb2;
    --login-input-placeholder: #a8abb2;
    --login-input-clear-hover-color: #909399;
    --login-copyright-color: #909399;
    --login-desc-color: #ebeef5;
    --login-title-color: #303133;


    --item-hover-bg: #18222c;
}